<template>
	<view>
		<view class="jbinformation">

			<!--展示数据信息[{key,value}]-->
			<view class="inf-option" v-show="isShowTitle">
				<view class="inf-one big-one">{{showData.title}}</view>
			</view>
			<view class="inf-option" v-for="(item,index) in showData.lists" :key="index">
				<view class="inf-one">{{item.key}}</view>
				<view class="inf-two">{{item.value}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'uni-data-show',
		props: {
			//是否展示标题
			isShowTitle: {
				type: Boolean,
				default: false
			},
			showData: {
				type: Object,
				default: function() {
					return {};
				}
			}
		},
		data() {
			return {
				// showData: {
				// 	"title": "111",
				// 	"lists": [{
				// 			"key": "账存数",
				// 			"value": "10"
				// 		}, {
				// 			"key": "实存数",
				// 			"value": "5"
				// 		},
				// 		{
				// 			"key": "盘点时间",
				// 			"value": "2017-05-04"
				// 		},
				// 		{
				// 			"key": "盘点人",
				// 			"value": "qzs"
				// 		},
				// 		{
				// 			"key": "备注",
				// 			"value": "xxxxx"
				// 		}
				// 	]
				// }
			}
		},
		methods: {
			name() {

			}
		},
		onLoad: function() {

		}
	}
</script>

<style>
	.jbinformation {
		width: 94%;
		background-color: #ffffff;
		font-size: 16px;
		margin: 0 auto;
		margin-top: 10px;
		overflow: hidden;
	}

	.jbinformation .inf-option {
		width: 94%;
		border-bottom: 1px solid #e5e5e5;
		margin: 0 auto;
		overflow: hidden;
		padding: 14px 0px;
	}

	.inf-option .inf-one {
		color: #999999;
		float: left;
	}

	.inf-option .inf-two {
		color: #333333;
		float: right;
	}

	.pdinf .big-one {
		color: #000000;
	}
</style>
